草庐IT

python - Matplotlib 调整图形边距

全部标签

Javascript有向无环图库? (不需要图形可视化)

我有一个最好用图表表示的数据集。它由6或7种不同“类型”的节点组成,这些节点具有有向边(相互依赖,保证没有循环依赖)。数据集本质上是分层配置的模板,用户需要能够从所需的不同层中选择配置的点点滴滴,并自动引入依赖位。一般的UI需要是用户从多选框中选择或取消选择项目(每个节点类型一个这样的框),并让其他框中的“依赖”项目被选中或取消选择需要。我需要能够从服务器上拉下数据集,让用户选择所需的位(依赖处理在客户端的javascript中完成以实现响应),然后在完成后提交结果。数据集非常庞大和复杂,以图表形式实际显示它会让用户感到不知所措和困惑。只需要基本的图遍历操作,因为所需要的只是将选择级联

javascript - 调整 d3/dagre-d3 svg 的大小以显示所有内容

我正在尝试使用dagre-d3创建DAG.这些DAG的数据来自数据库,每个DAG都不同,因此,在将所有节点和边添加到图形之前,我不知道要给出包含svg的宽度/高度。所以理想情况下我会调用类似d3.select("#svg1").resize_to_match_contents()的东西添加所有节点和边缘以确保所有节点都可见并且svg不太大之后。当然没有这个功能,我也不知道怎么实现。我知道我可以打电话d3.select("#svg1").attr("height","10")设置高度,但不知道如何检索/计算的高度SVG中的元素是。 最佳答案

javascript - 嵌套的父/子复选框 - 工作解决方案需要 Bootstrap 的调整帮助

我一直在寻找一种“完整”的解决方案来嵌套基于层次结构正确更改状态的父子复选框。大多数“解决方案”都不起作用或只能在一个层面上起作用。他们还要求您以特定方式命名复选框。ThisStackOverflow讨论涵盖了要点,但也提供了Rory发现的一个很好的解决方案here.我已经在我的开发项目中对其进行了测试,它可以完美地独立运行。但是,我使用的是Bootstrap2.x和复选框我有一个JSFiddle它显示了工作示例代码,然后是我的带有禁用父复选框的版本,然后是无效的Bootstrap代码版本。RawworkingexampleTallThingsBuildingsGiantsAndreP

javascript - AngularJS 选项卡中的 Highcharts 动态(重新)调整大小

我的应用程序在各种选项卡中显示HighCharts图表(使用AngularJS)。请注意,图表会在每次选择选项卡时即时重新生成(这意味着Angular每次都会“删除或重新创建DOM树的一部分”)。我的问题是图表的大小只有在我第一次单击选项卡时是正确的。当我切换选项卡时,创建的图表大大超过了它们容器的大小。令人惊讶的是,在调整窗口大小后(即调用chart.reflow()时)图表会正确调整大小。所以我尝试了以下方法,但没有帮助:$(element).highcharts({chart:{type:'scatter',zoomType:'xy',events:{load:function(

javascript - 背景图像调整大小以适合

我试图让背景图像尽可能专业,所以我认为最好根据浏览器的大小或分辨率调整它的大小(不确定通常使用什么,但我认为浏览器大小很有意义这里)。这个想法是,如果查看器屏幕很小,则背景图像会变小,并且随着屏幕变大,图像会扩展以适应其最大尺寸。我会根据需要尝试CSS甚至Javascript(JQuery)解决方案。 最佳答案 我猜你正在寻找类似的东西:http://css-tricks.com/how-to-resizeable-background-image/ 关于javascript-背景图像调

javascript - 可调整大小的表格列

我正在开发一个网络应用程序,并且正在寻找一种方法来创建我自己的数据网格。我知道外面有很多很棒的脚本,但我需要我自己的特定功能、css样式以及在其中使用我自己的ui控件的能力。真的,我唯一需要的就是能够调整列的大小。我真的不在乎标记是否不维护行结构或不是语义的,因为所有数据都将由ajax请求填充。我在想一个可能的解决方案是让每一列成为一个div。是否有可以帮助我的教程? 最佳答案 我建议使用jQueryUIResizable有一些增强。该插件实际上只专注于调整大小并启用完全自定义,因为您可以在任何事件中添加自己的回调函数。然而,默认情

javascript - 使用 jQuery 调整元素滚动的 CSS 不透明度

您好,我想将两个div的CSS不透明度与该元素的滚动量绑定(bind)。例如假设我有两个div:当红色div进入视口(viewport)时,其不透明度从0变为100-取决于滚动量。同样,当蓝色div进入视口(viewport)时,其不透明度从100变为0,具体取决于滚动量。我找到了这个Jquery/JavascriptOpacityanimationwithscroll-varfadeStart=100//100pxscrollorlesswillequivto1opacity,fadeUntil=200//200pxscrollormorewillequivto0opacity,fa

javascript - IFrame Resizer 不调整大小

我正在此处处理此页面:http://factor1hosting.com/~dnaz/wordpress/certifications/我正在尝试引入跨域iframe。我正在使用@DavidJBradshaw'siFrameResizer为了达成这个。但是,我没有让iframe正常工作。我可以只使用普通的javascriptinit:iFrameResize({log:true})当我使用它时,我确实得到了日志,但它没有调整大小。我也试过jQuery方法:$('iframe').iFrameResize([{log:true}]);并且不要调整日志或iframe的大小。我还尝试将它包装

javascript - 如何通过操作 base64 代码调整 base64 图像的大小或更改分辨率?

有很多将图像编码为Base64的示例。有没有一种方法可以通过简单地操作实际的base64编码内容来更改该图像的大小或分辨率?您的base64代码可能是:iVBORw0KGgoAAAANSUhEUgAAAWQAAAFjCAIAAACFfObPAAAAA3NCSVQICAjb4U/gAAAgAE...是否有一种算法或等式可以让您操纵该Base64字符串来更改图像的大小或更改分辨率?我的问题针对的是关注渐进式图像、数据处理和WebP格式的人,WebP格式是图像的无损和有损压缩。我对创建Canvas元素和操作Canvas的内容不感兴趣。我对一种可以在客户端或服务器上使用并且可以通过HTTP或套

javascript - jQuery:动画边距到自动?

我正在尝试为图像设置动画,使其居中。这是我想使用的代码:$('#myImage').animate({'margin-right':'auto'});但是当我这样做时,它会被忽略并且不会改变边距。有没有办法将边距动画化为自动,或者以其他方式使图像居中?谢谢! 最佳答案 由于“auto”不是数字,jQuery无法为其设置动画。如果您可以将图像从文档流中取出,您可以将位置设置为绝对或固定并尝试:$('#myImage').animate({'left':'50%','margin-left':-$('#myImage').width()